<template>
	<view class="container2">
		<uni-list>
			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="extraIcon_a" title="基本信息" 
			@click="onNavTo('./components/base')" />
		</uni-list>
		<uni-list>
			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="extraIcon_b" title="绑定手机" 
			@click="onNavTo('./components/bindphone')" />
			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="extraIcon_c" title="修改密码" 
			@click="onNavTo('../../login/forgetpwd')"/>
			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="extraIcon_d" title="系统设置" 
			@click="onNavTo('./components/sysset')" />
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				extraIcon_a: {
					color: '#4FC181',
					size: '22',
					type: 'person-filled'
				},
				extraIcon_b: {
					color: '#E96633',
					size: '22',
					type: 'phone-filled'
				},
				extraIcon_c: {
					color: '#1E82DB',
					size: '22',
					type: 'locked-filled'
				},
				extraIcon_d: {
					color: '#F08846',
					size: '22',
					type: 'gear-filled'
				}
			}
		},
		methods: {
			onNavTo(url) {
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #F1F5F6;
	}
</style>

